


/* 头部css结束 */
/* .root-container{
	 background-color: #e9ffe5;
} */





.content {
	margin: 10px 0;
	border: 1px solid lightgrey;
	border-radius: 5px;
	width: 850px;

background-color: #fff;
	box-shadow: 0 0 5px 1px #e8e8e8;
}

.content-list {
	margin: 0;

}

#send-post-button {
	font-weight: 100;
	background-color: rgb(0, 150, 94);
}



.menu {
	display: flex;
	justify-content: space-between;
}

.item-recover,
.item-read {
	text-align: center;
	border: 1px solid darkgrey;
	margin: 5px;
	padding: 10px;
}

/* 热门 标红 */
.item-state-hot {
	border: 1px solid #e40000;
	color: #e40000;
}

/* 一般 橙 */

.item-state-common {
	border: 1px solid #e48947;
	color: #e48947;
}

/* 冷淡 灰色 */
.item-state-without {
	border: 1px solid #979797;
	color: #979797;
}



/* 标签结束 */


.item-state {
	display: flex;
}


.content-list .content-list-item:not(:first-child) {
	border-top: 1px solid lightgray;
}


.content-list-item {
	height: 80px;
	width: 100%;
	/* background-color: #ffff7f; */
	display: flex;
	align-items: center;
	/* 	justify-content: space-between; */

	box-sizing: border-box;
	transition: 0.3s;
}
.content-list-item:hover{
	cursor: pointer;
	box-shadow: 0 0 5px 1px #19c040;
}

.item-info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-label {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 40px;
}

.tag ul li {
	display: inline;
	font-size: 12px;
	background-color: #d1ffc6;
	padding: 2px 5px;
	border-radius: 5px;

	color: #218204;
	margin: 5px;
}

.by-user span:nth-child(1) {
	color: #007500;
}

.by-user{

}
.by-user span {
		margin: 0px 5px;
}


.item-info-title {
	padding: 3px 10px;
	font-size: 18px;
}

.item-label .by-user {
	font-size: 12px;
	display: inline;
}



/* 主界面右侧 */